/**
 * Created by Administrator on 2017/7/23.
 */

$("#citySele").click(function(){
    // console.log(111)
    $(".citySel").show();
})
$(".close").click(function(){
    $(".citySel").hide();
    $(".citySel2").hide();
})

$(".tcb_search button").eq(0).click(function(){
    $(".citySel2").show();
})

//切换城市
$.getJSON("http://localhost:8888/data/city.json",function(data){

    var div=$("<div>").text("热门").appendTo($(".hot"));
    var p=$("<p class='hotC'>").appendTo($(".hot"));
    for(var v in data.result.hotcity){
        var span=$("<span>").css("width","30px").text(data.result.hotcity[v].name).appendTo(p).click(function(){

            $("#city").html($(this).html());

        });
    }
    //通过首字母查找城市
    var arr=['A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','W','X','Y','Z'];
    var div=$("<div>").text("拼音").appendTo($(".ping"));
    var div=$("<div class='tap'>").appendTo($(".ping"));//首字母切换盒子
    var p=$("<p class='cityP'>").appendTo($('.tap'));//字母盒子
    var div =$("<div class='list'>").appendTo($(".tap"));//城市列表盒子
    for(var a in data.result.citylist.A){
        $("<span>").text(data.result.citylist.A[a].name).appendTo($(".list"));
    }

    for(var i in arr){//添加首字母
         var a=$("<a>").css("width","10px").text(arr[i]).appendTo(p);
    }
    $(".cityP a").each(function(index){
       $(this).click(function(){

           // $(this).text().css("color","red");
           $(".list").empty();
           var xxf= $(this).html();
           var cit=data.result.citylist[xxf];
           for(var j in cit){
               $("<span>").text(cit[j].name).appendTo($(".list")).click(function(){

                   $("#city").html($(this).html());
               })
               // $(".citySel2 span").click(function(){
               //      $(".tcb_search button").eq(0).html($(this).html()+"▼")
               // })
           }
       })
    })
})

